<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="__PUBLIC__/admin/sncss/css/style.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/admin/sncss/css/combo.select.css" rel="stylesheet" type="text/css" />

</head>

<body>

	<div class="place">
	<span>位置：</span>
	<ul class="placeul">
	<li><a>首页</a></li>
	<li><a>背景音管理</a></li>
	<li><a>新增背景音</a></li>
	</ul>
	</div>

	<div class="formbody">

	<div class="formtitle"></div>
		<ul class="forminfo">
			<li>
				<label>文章标题</label>
				<input name="audio_title" type="text" id="audio_title" class="dfinput" value="" required="required"/>
			</li>
			<li>
				<label>主播编号</label>
				<input name="uuid" type="text" id="uuid" class="dfinput" value="" required="required"/>
			</li>
			<li><label>性别</label>
				<input name="" type="text" id="sex_name" class="dfinput" value="" disabled="disabled" required="required"/>
			</li>
			<li><label style="float: left;">年龄</label>
				<div style="width: 600px; float: left;">
					<div id="age_style_name">
					</div>
				</div>
			</li>
			<li><label style="float: left;">风格</label>
				<div style="width: 600px; float: left;">
					<div id="style_name">
					</div>
				</div>
			</li>
			<li><label>分类</label>
				<div style="width: 600px; float: left;">
					<div id="soundtype_name">
					</div>
				</div>
			</li>
            <div id="container" style="clear: both;margin-left:86px;padding:5px;width:80px;border:1px solid #ccc;">
                    <a id="pickfiles" href="javascript:;" ><span id="wzts" style="text-align: center;">选择上传音频</span></a>
            </div>
			<div  style="padding:7px 40px;">
				<audio src="" id="audio_preview" controls="controls" style="display: none;">您的浏览器不支持 audio 标签。</audio>
            <br>
            <input type="hidden" name="url2" id="u2" value="">
			<li style="margin-top:20px;">
				<label>&nbsp;</label>
				<a href="javascript:;" class="btn" style="padding:7px 40px;" id="qr">确认</a>
			</li>
			</div>
		</ul>
	</div>
<script src="__PUBLIC__/js/jquery1.8.3.js"></script>
<script type="text/javascript" src='__PUBLIC__/admin/Js/plupload.full.min.js'></script>
<script type="text/javascript" src="__PUBLIC__/admin/Js/qiniu.js"></script>

<script type="text/javascript">
	var uploader = Qiniu.uploader({
	  	runtimes: 'html5,flash,html4',      // 上传模式，依次退化
	  	browse_button: 'pickfiles',         // 上传选择的点选按钮，必需
	  	uptoken_url: 'http://qiniu.heardtech.com/uptoken2.php',    // Ajax请求uptoken的Url，强烈建议设置（服务端提供）
	  	domain:"http://audio.heardtech.com",     // bucket域名，下载资源时用到，必需
	  	container: 'container',             // 上传区域DOM ID，默认是browser_button的父元素
	  	max_file_size: '100mb',             // 最大文件体积限制
	  	max_retries: 3,                     // 上传失败最大重试次数
	  	dragdrop: true,                     // 开启可拖曳上传
	  	chunk_size: '100mb',                  // 分块上传时，每块的体积
	  	auto_start: true,                   // 选择文件后自动上传，若关闭需要自己绑定事件触发上传
	  	init: {
	      	'FilesAdded': function(up, files) {
	          	plupload.each(files, function(file) {
	              // 文件添加进队列后，处理相关的事情
	          	});
	      	},
	      	'BeforeUpload': function(up, file) {
	             // 每个文件上传前，处理相关的事情
	     	},
	      	'UploadProgress': function(up, file) {
	            $("#wzts").html('上传中..');
	      	},
	      	'FileUploaded': function(up, file, info) {
	      		$("#wzts").html('上传完成');
	            var domain = up.getOption('domain');
	            var res = JSON.parse(info.response);
	            var sourceLink = res.key;
	      		$("#u2").val(sourceLink);
	      		$('#audio_preview').attr("src",domain+'/'+sourceLink);
                $('#audio_preview').show();
	      	},
	      	'Error': function(up, err, errTip) {
	             //上传出错时，处理相关的事情
	      	},
	      	'UploadComplete': function() {
	             //队列文件处理完毕后，处理相关的事情
	      	},
	      	'Key': function(up, file) {
	            var key = "";
	            var str = new Date().valueOf();
	            key = str + '.mp3';
	            return key
	      	}
	  	}
	});
	var is_commit = 0;
	$("#uuid").blur(function(){
        var uuid = $("#uuid").val();
        $.ajax({
            url:"/Home/Audio/get_member_style",
            dataType:"json",
            data:{"uuid":uuid},
            type:"post",
            success:function(data){
                if (data.code == '000000') {
                    is_commit = 1;
					$('#age_style_name').text(data.agename);
					$('#style_name').text(data.stylename);
					$('#sex_name').val(data.sex_name);
                    $('#soundtype_name').text(data.soundtype_name);
                } else {
                    alert(data.message);
                }
            },
        });
	})
  	// 点击提交
	$("#qr").click(function(){
	    if(is_commit != 1 ){
	        alert('主播编号不正确！');return false;
		}
	    var audio_title = $("#audio_title").val();
		var u2 = $("#u2").val();
        var uuid = $("#uuid").val();
		if(audio_title==''){
		    alert('文章标题不能为空');
		    return false;
		}
        if(uuid==''){
            alert('主播ID不能为空');
            return false;
        }
        if(u2==''){
            alert('必须上传视频');
            return false;
        }

		$.ajax({
		    url:"/Home/Audio/audio_add",
		    dataType:"json",
		    data:{"audio_title":audio_title,"uuid":uuid,"u2":u2},
		    type:"post",
		    success:function(data){
		        if (data.code == '000000') {
		            alert('添加成功');
					location.reload();
		        } else {
		        	alert('操作失败 请刷新重试');
		        }
		    },
		});
	})
</script>

</body>
</html>
